<style>
    body {
        background: #f7f8f9;
        height: 100vh;
        font-size: 14px;
    }

    * {
        padding: 0;
        margin: 0;
        -webkit-font-smoothing: antialiased;
        font-family: "Microsoft YaHei", "PingFangSC", sans-serif;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        word-break: break-word;
        word-break: break-all;
        /*英文不溢出*/
        font-size: 14px;
    }

    ul,
    li {
        list-style: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    a {
        text-decoration: none;
        cursor: pointer;
        outline: none;
        color: inherit;
        font-size: inherit;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    img {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        border: none;
        display: block;
        pointer-events: none;
        max-width: 100%;
    }

    .dis_logo {
        width: 100%;
        background-color: #FFFFFF;
        padding: 20px 0;
    }

    .dis_logo img {
        width: 300px;
        margin: auto;
    }


    .dis_head {
        background: #444;
        color: #fff;
        text-align: center;
        font-size: 18px;
    }

    .dis_head img {
        width: 300px;
        margin: auto;
    }

    .dis_btn {
        background: #fff;
        margin-top: 16px;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }

    .dis_btn_title {
        padding: 10px 20px;
        color: #333;
        font-size: 14px;
        border-bottom: 1px solid #e1e1e1;
    }

    .dis_btn_item {
        padding: 8px 0;
    }

    .dis_btn_item ul li {
        width: 33.3%;
        float: left;
    }

    .dis_btn_item ul li a {
        display: block;
        padding: 8px 0;
        width: 100%;
        color: inherit;
    }

    .dis_btn_item ul li img {
        display: block;
        width: 50%;
        margin: auto;
        border-radius: 50%;
    }

    .dis_btn_item ul li div {
        text-align: center;
        padding-top: 5px;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        word-break: break-all;
    }


    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }
</style>
<div class="dis_logo"><img src="/weixin/img/logo-new.jpg"></div>
<div class="dis_head">无人值守库房系统</div>
<div class="dis_btn">
    <div class="dis_btn_item" x-ng-show="auth.roleInfo.id === '2'">
        <ul class="clearfix">
            <li>
                <a href="javascript:void(0);" x-ng-click="goto('/kgy/order/create')">
                    <img src="/weixin/img/xinjian.jpg">
                    <div>新建申领单</div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);" x-ng-click="goto('/kgy/order/page')">
                    <img src="/weixin/img/shenling.jpg">
                    <div>申领单管理</div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);" x-ng-click="goto('/kgy/order/recall/page')">
                    <img src="/weixin/img/zhangnei.jpg">
                    <div>帐内申领单设置</div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);" x-ng-click="goto('/kgy/lock/page')">
                    <img src="/weixin/img/lock.jpg">
                    <div>远程开锁</div>
                </a>
            </li>
            <li x-ng-show="sprFlag">
                <a href="javascript:void(0);" x-ng-click="goto('/spr/order/page')">
                    <img src="/weixin/img/shenling.jpg">
                    <div>普通审批</div>
                </a>
            </li>
            <li x-ng-show="jjsprFlag">
                <a href="javascript:void(0);" x-ng-click="goto('/jjspr/order/page')">
                    <img src="/weixin/img/shenling.jpg">
                    <div>紧急审批</div>
                </a>
            </li>
        </ul>
    </div>
    <div class="dis_btn_item" x-ng-show="auth.roleInfo.id === '4'">
        <ul class="clearfix">
            <li>
                <a href="javascript:void(0);" x-ng-click="goto('/slr/order/create')">
                    <img src="/weixin/img/xinjian.jpg">
                    <div>新建申领单</div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);" x-ng-click="goto('/slr/order/page')">
                    <img src="/weixin/img/shenling.jpg">
                    <div>申领单管理</div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);" x-ng-click="goto('/operation/msg')">
                    <img src="/weixin/img/tongzhi.jpg">
                    <div>通知管理</div>
                </a>
            </li>
            <li x-ng-show="sprFlag">
                <a href="javascript:void(0);" x-ng-click="goto('/spr/order/page')">
                    <img src="/weixin/img/shenling.jpg">
                    <div>普通审批</div>
                </a>
            </li>
            <li x-ng-show="jjsprFlag">
                <a href="javascript:void(0);" x-ng-click="goto('/jjspr/order/page')">
                    <img src="/weixin/img/shenling.jpg">
                    <div>紧急审批</div>
                </a>
            </li>
        </ul>
    </div>
    <div class="dis_btn_item" x-ng-show="auth.roleInfo.id === '3'">
        <ul class="clearfix">
            <li>
                <a href="javascript:void(0);" x-ng-click="goto('/spr/order/page')">
                    <img src="/weixin/img/shenling.jpg">
                    <div>申领单管理</div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);" x-ng-click="goto('/operation/msg')">
                    <img src="/weixin/img/tongzhi.jpg">
                    <div>通知管理</div>
                </a>
            </li>
        </ul>
    </div>
    <div class="dis_btn_item" x-ng-show="auth.roleInfo.id === '5'">
        <ul class="clearfix">
            <li>
                <a href="javascript:void(0);" x-ng-click="goto('/jjspr/order/page')">
                    <img src="/weixin/img/shenling.jpg">
                    <div>申领单管理</div>
                </a>
            </li>
            <li>
                <a href="javascript:void(0);" x-ng-click="goto('/operation/msg')">
                    <img src="/weixin/img/tongzhi.jpg">
                    <div>通知管理</div>
                </a>
            </li>
        </ul>
    </div>
</div>

